<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/seaTeach.css">

    
</head>
<body>
<div class="nav-top-wrap">
    <ul class="nav-top">
        <li class="nav">
            <a href="zhushouye.html">首页</a>
        </li>
        <li class="nav">
            <a href="law-index.html">海洋法</a>
        </li>
            <img src="img/logo.png" alt="">
        <li class="nav">
            <a href="child.html">走进海洋</a>
        </li>
        <li class="nav">
            <a href="wode.html">个人中心</a>
        </li>
    </ul>
</div>
<div class="color" style="height: 50px;width: 100%;background-color: #027acb;">

</div>
<div class="header-img" style="z-index: -1;position: relative;">
    <img src="img/teach-bg.jpg" alt="" style="z-index: -1;">
</div>
<div class="middle">

    <div class="introduce">
        <div class="introduce-box">
            <img src="img/teach-1.jpg" alt="">

        </div>
        <div class="introduce-a">
            <h1>现代国际海洋法</h1>
            <p>本系列介绍了海洋的分类、国际海洋法的性质及其渊源和发展、领海
                和毗连区、用于国际航行的海峡、群岛国 、专属经济区、大陆架、相
                邻或相向国家间海洋区域划界、公海、岛屿制度、闭海或半闭海 、内
                陆国出入海洋的权利和过境自由等方面。
            </p>
        </div>

        <div class="introduce-button">
            <input type="button" id="introduce-button1" value="立即观看"/>
            <input type="button" id="introduce-button3" class="button-box-3" value="&nbsp&nbsp&nbsp&nbsp&nbsp分享到"/>
            <input type="button" id="introduce-button2" class="button-box-2" value="&nbsp&nbsp收藏"/>


        </div>

    </div>
    <div class="person">
        <h1>主讲人</h1>
        <img src="img/teach-2.jpg" alt="">
        <a href="">陈德恭</a>
        <p>中国人民大学</p>
        <p>暂无简介</p>
    </div>

    <div class="middle-note">
        <div class="button">
            <h2>第一讲</h2>
            <p>现代国际海洋法</p>
            <p>(一)</p>
        </div>
        <div class="button">
            <h2>第一讲</h2>
            <p>现代国际海洋法</p>
            <p>(二)</p>
        </div>
        <div class="button">
            <h2>第一讲</h2>
            <p>现代国际海洋法</p>
            <p>(三)</p>
        </div>
        <div class="button">
            <h2>第一讲</h2>
            <p>现代国际海洋法</p>
            <p>(四)</p>
        </div>
        <div class="button">
            <h2>第一讲</h2>
            <p>现代国际海洋法</p>
            <p>(五)</p>
        </div>
        <div class="color">
            <div id="yellow"></div>
            <div id="gray-s"></div>
            <div id="text">视频笔记</div>
            <div id="gray-l"></div>
            <input type="button" value="我要写笔记">
        </div>

        <div class="san-box">

            <img src="img/teach-people.png" alt="">
            <div class="san-box-p">
                <p>现代国际海洋法(一)</p>
                <p>海洋的概述： 四大洋：太平洋是葡萄牙航海家命名的。一开始对北冰洋的立法并不明确。
                    但随着冰川的融化，显现出的价值越来越明显。南极条约冻结了各国对南极主权的主张。 大洋和海的
                    区别：死海、陆地海、边缘海 这些海域资源丰富  海洋资源种类： 空间通道：港口 养殖。</p>
            </div>

        </div>
    </div>


</div>

</body>
</html>